/* ::::: [internal] ::::: */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none ! important; }
/* ::::: https://static11.elemecdn.com/eleme/desktop/vendor.5c8ce9.css ::::: */

html { color: rgb(51, 51, 51); background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-rendering: optimizelegibility; box-sizing: border-box; }
*, *::after, *::before { box-sizing: inherit; }
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0px; padding: 0px; }
article, aside, details, figcaption, figure, footer, header, iframe, menu, nav, section { display: block; }
body, button, input, select, textarea { font: 400 1em/1.5 PingFang SC,Lantinghei SC,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans; }
fieldset, img { border: 0px none; }
@media only screen and (max-width: 640px) {
}
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
a { color: rgb(0, 137, 220); }
a.inherit { color: inherit; }
a, ins { text-decoration: none; }
.clearfix::after { content: ""; display: table; height: 0px; clear: both; }
.serif { font-family: Palatino,Optima,Georgia,serif; }
h1, h2, h3, h4, h5, h6 { font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans; font-weight: 400; }
@font-face {
  font-family: "eleme";
  font-style: normal;
  font-weight: 400;
  src: local("☺︎"), url("eleme.a61c32.woff") format("woff"), url("eleme.8e5aeb.ttf") format("truetype"), url("eleme.94ccdd.svg") format("svg");
}
[class*=" icon-"], [class^="icon-"] { font-family: eleme; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-cart::before { content: ""; }
.icon-circle-check::before { content: ""; }
.icon-location::before { content: ""; }
.icon-logo::before { content: ""; }
.icon-logout::before { content: ""; }
.icon-notice::before { content: ""; }
.icon-order::before { content: ""; }
.icon-primitive-dot::before { content: ""; }
.icon-profile::before { content: ""; }
.icon-QR-code::before { content: ""; }
.icon-service::before { content: ""; }
.icon-setting::before { content: ""; }
.icon-star::before { content: ""; }
.icon-top::before { content: ""; }
.icon-wechat::before { content: ""; }
.icon-weibo::before { content: ""; }
body { background: rgb(247, 247, 247) none repeat scroll 0% 0%; padding-right: 35px; }
body.hidesidebar { padding-right: 0px; }
.container { font-size: 14px; width: 960px; margin: 0px auto; }
@media (min-width: 1260px) {
  .container, body.hidesidebar .container { width: 1180px; }
}
.color-stress { color: rgb(247, 67, 66); }
.color-weak { color: rgb(102, 102, 102); }
.color-mute { color: rgb(153, 153, 153); }
[class*=" btn-"], [class^="btn-"] { display: inline-block; padding: 8px 17px; line-height: 1; border: medium none; border-radius: 2px; outline: 0px none; cursor: pointer; font-size: 14px; text-align: center; }
.btn-lg { padding: 12px 30px; font-size: 16px; }
.btn-primary { background-color: rgb(0, 137, 220); color: rgb(255, 255, 255); }
.btn-primary:hover { background-color: rgb(0, 116, 183); }
.dropbox { color: rgb(153, 153, 153); position: absolute; background: rgba(255, 255, 255, 0.98) none repeat scroll 0% 0%; padding: 4px 6px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); z-index: 6; }
.dropbox::before { content: " "; border: 5px solid rgb(255, 255, 255); display: block; position: absolute; top: -10px; }
.dropbox.dropbox-bottom::before { top: auto; bottom: -10px; }
:root .dropbox {  }
.footer-contect-item [class^="icon-"]:hover, .footer-contect-item > a:hover { text-decoration: none; }
.footer { background-color: rgb(247, 247, 247); margin-top: 50px; border-top: 1px solid rgb(238, 238, 238); }
.footer-contect, .footer-link, .footer-mobile { float: left; width: 15%; margin-top: 30px; }
.footer-mobile { float: right; }
.footer-link-title { font-size: 14px; line-height: 30px; }
.footer-contect-item, .footer-link-item { color: rgb(153, 153, 153); display: block; line-height: 24px; }
.footer-link-item { width: 50%; font-size: 12px; }
.footer-contect { padding-left: 3%; border-left: 1px solid rgb(230, 230, 230); width: 23%; padding-right: 10px; }
.footer-contect-item { margin-bottom: 12px; color: rgb(102, 102, 102); font-size: 14px; }
.footer-contect-item [class^="icon-"] { cursor: pointer; position: relative; margin-left: 10px; display: inline-block; }
.footer-contect-item [class^="icon-"]::before { font-size: 24px; color: rgb(204, 204, 204); vertical-align: middle; }
.footer-contect-item .icon-wechat { margin-left: 5px; }
.footer-contect-item .icon-wechat .dropbox { display: none; }
.footer-contect-item .icon-wechat:hover::before { color: rgb(119, 209, 117); }
.footer-contect-item .icon-wechat:hover .dropbox { display: block; }
.footer-contect-item .icon-weibo:hover::before { color: rgb(251, 84, 95); }
.footer-contect-dropbox { bottom: 30px; left: -60px; text-align: center; }
.footer-contect-dropbox img { width: 130px; height: 130px; }
.footer-contect-dropbox::before { left: 65px; border-color: rgb(255, 255, 255) transparent transparent; z-index: 2; }
.footer-contect-dropbox::after { content: ""; position: absolute; left: 65px; bottom: -11px; border-width: 5px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(204, 204, 204) transparent transparent; z-index: 1; }
.footer-mobile { width: 265px; }
.footer-mobile-icon { width: 90px; height: 90px; margin-right: 20px; float: left; }
.footer-mobile-content { margin-top: 20px; margin-left: 90px; }
.footer-mobile-content h3 { font-size: 16px; color: rgb(51, 51, 51); font-weight: 700; line-height: 30px; }
.footer-mobile-content p { font-size: 12px; color: rgb(102, 102, 102); margin: 3px 0px 10px; }
.footer-copyright { font-size: 12px; clear: both; padding-top: 60px; color: rgb(153, 153, 153); text-align: center; }
.footer-copyright a { color: inherit; }
.footer-copyright a:hover { color: rgb(51, 51, 51); text-decoration: underline; }
.footer-police { padding: 0.5em 0px; text-align: center; }
@media not all, all and (min-resolution: 2dppx) {
}
@media (min-width: 1260px) {
}
.sidebar { position: fixed; top: 0px; bottom: 0px; right: -295px; background-color: rgb(80, 77, 83); width: 330px; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; z-index: 7; }
.toolbar-btn, .toolbar-cartbtn { position: relative; display: block; cursor: pointer; text-align: center; }
.sidebar-tabs { float: left; width: 35px; height: 100%; }
.toolbar-btn { width: 35px; line-height: 35px; color: rgb(204, 204, 204); margin: 5px 0px; }
.toolbar-btn::before { font-size: 20px; }
.toolbar-btn.focus, .toolbar-btn:focus, .toolbar-btn:hover { color: rgb(255, 255, 255); background-color: rgb(38, 162, 255); outline: 0px none; }
.toolbar-btn.focus .toolbar-tabs-dropbox, .toolbar-btn:focus .toolbar-tabs-dropbox, .toolbar-btn:hover .toolbar-tabs-dropbox { display: block; }
.toolbar-btn.focus .toolbar-tabs-dropbox::before, .toolbar-btn:focus .toolbar-tabs-dropbox::before, .toolbar-btn:hover .toolbar-tabs-dropbox::before { border-color: rgb(38, 162, 255) rgb(38, 162, 255) rgb(38, 162, 255) rgb(255, 255, 255); }
.toolbar-btn.focus::before, .toolbar-btn:focus::before, .toolbar-btn:hover::before { color: rgb(255, 255, 255); }
.toolbar-separator { font-size: 1px; border-top: 1px solid rgb(115, 112, 116); height: 0px; margin: 0px 8px; }
.toolbar-cartbtn { color: rgb(204, 204, 204); line-height: 16px; padding: 7px 8px 10px; margin-bottom: 8px; margin-top: 8px; font-size: 14px; font-weight: 700; }
.toolbar-cartbtn::before { font-size: 20px; margin-bottom: 5px; display: block; font-weight: 400; }
.toolbar-btn-dot, .toolbar-cartnum { font-weight: 700; font-style: normal; }
.toolbar-cartbtn.focus, .toolbar-cartbtn:focus, .toolbar-cartbtn:hover { color: rgb(255, 255, 255); outline: 0px none; background-color: rgb(38, 162, 255); }
.toolbar-cartbtn.focus::before, .toolbar-cartbtn:focus::before, .toolbar-cartbtn:hover::before { color: rgb(255, 255, 255); }
.toolbar-btn-dot { font-size: 18px; position: absolute; width: 8px; height: 8px; line-height: 14px; border-radius: 50%; color: rgb(255, 102, 51); top: 3px; right: 7px; }
.sidebar-content { margin-left: 35px; height: 100%; width: 295px; overflow: auto; background-color: rgb(230, 230, 230); }
.toolbar-tabs-middle { position: absolute; width: 35px; top: 50%; margin-top: -220px; }
.toolbar-tabs-bottom { bottom: 10px; position: absolute; }
.sidebar-btn-backtop, .toolbar-tabs-bottom .icon-QR-code { position: relative; }
.toolbar-tabs-dropbox { right: 35px; top: -150px; line-height: 24px; display: none; z-index: 9; }
.toolbar-tabs-dropbox::before { right: -10px; top: 165px; border-color: rgb(100, 96, 105) rgb(100, 96, 105) rgb(100, 96, 105) rgb(255, 255, 255); }
.toolbar-tabs-dropbox img { width: 130px; height: 130px; }
.toolbar-tabs-dropbox .icon-QR-code-bonus { padding: 5px; color: rgb(255, 102, 51); font-size: 12px; }
@media (max-height: 520px) {
  .toolbar-btn { display: none; }
  .sidebar-btn-backtop { display: block; }
  .toolbar-cartbtn { margin-top: 90px; }
}
.carttopbar { display: block; background-color: rgb(0, 137, 220); border-bottom: 1px solid rgb(2, 126, 203); color: rgb(255, 255, 255); }
.carttopbar .container, .carttopbar .topbar-profilebox-username { font-size: 12px; }
.carttopbar .topbar-profilebox-dropbox { margin-top: 0px; padding: 0px; width: 100px; }
.carttopbar .topbar-profilebox-avatar { width: 18px; height: 20px; font-size: 16px; }
.carttopbar-nav { line-height: 30px; }
.carttopbar-nav a { color: inherit; }
.carttopbar-nav-path { float: left; }
.carttopbar-nav-path i { vertical-align: middle; font-size: 12px; }
@media (min-width: 1260px) {
}
.topbar-profilebox { float: right; color: rgb(255, 255, 255); }
.topbar-profilebox > span > a { color: rgb(255, 255, 255); }
.topbar-profilebox-avatar { display: inline-block; height: 26px; width: 26px; font-size: 22px; vertical-align: middle; border-radius: 50%; }
.topbar-profilebox-username { display: inline-block; font-size: 14px; width: 80px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
:root .topbar-profilebox-username { width: auto; }
.topbar-profilebox-wrapper { display: inline-block; position: relative; cursor: default; }
.topbar-profilebox-wrapper:hover .topbar-profilebox-dropbox { display: block; }
.topbar-profilebox-btn { position: relative; color: rgb(213, 239, 255); margin-left: 8px; margin-right: 3px; cursor: pointer; background: rgb(68, 155, 229) none repeat scroll 0% 0%; border-radius: 3px; text-align: center; font-size: 20px; vertical-align: middle; }
.topbar-profilebox-dropbox { width: 122px; top: 100%; right: 0px; margin-top: -8px; display: none; }
.topbar-profilebox-dropbox::before { border-color: transparent transparent rgb(255, 255, 255); right: 8px; }
.topbar-profilebox-dropbox a { display: block; line-height: 32px; padding: 0px 15px; color: rgb(102, 102, 102); }
.topbar-profilebox-dropbox a::before { position: relative; top: 1px; left: -3px; color: rgb(153, 153, 153); }
.topbar-profilebox-dropbox a.icon-logout { border-top: 1px solid rgb(238, 238, 238); }
.topbar-profilebox-dropbox a:hover { background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
/* ::::: https://static11.elemecdn.com/eleme/desktop/main.2f1585.css ::::: */

@media not all, (min-resolution: 2dppx) {
}
.checkoutguide { background-color: rgb(0, 137, 220); height: 96px; }
.checkoutguide-logo { line-height: 96px; font-size: 40px; color: rgb(255, 255, 255); }
.checkoutguide-text { font-size: 26px; color: rgb(255, 255, 255); margin-left: 14px; vertical-align: text-bottom; }
.checkoutguide-item, .checkoutguide-item::before { display: inline-block; text-align: center; font-size: 12px; }
.checkoutguide-text::before { content: ""; border-left: 1px solid rgb(156, 201, 238); height: 25px; display: inline-block; margin-right: 14px; }
.checkoutguide-content { position: relative; float: right; margin-top: 30px; }
.checkoutguide-content.step3 .checkoutguide-line::after { width: 100%; }
.checkoutguide-line { position: absolute; top: 10px; left: 50px; height: 3px; width: 330px; background-color: rgb(156, 201, 238); }
.checkoutguide-line::after { content: ""; position: absolute; left: 0px; height: 3px; background: rgb(254, 242, 47) none repeat scroll 0% 0%; }
.checkoutguide-line .line { display: inline-block; width: 3px; height: 3px; background-color: rgb(255, 255, 255); vertical-align: top; }
.checkoutguide-line .line1 { margin-left: -50px; }
.checkoutguide-line .line2 { width: 4px; }
.checkoutguide-line .line3 { width: 5px; }
.checkoutguide-line .line4 { width: 17px; }
.checkoutguide-item { position: relative; width: 100px; color: rgb(156, 201, 238); counter-increment: number 1; z-index: 1; }
.checkoutguide-item.active { color: rgb(254, 242, 47); }
.checkoutguide-item.active::before { background-color: rgb(254, 242, 47); }
.checkoutguide-item + .checkoutguide-item { margin-left: 65px; }
.checkoutguide-item::before { content: counter(number, decimal); margin: 0px 40px 8px; width: 22px; line-height: 22px; border-radius: 50%; background-color: rgb(165, 208, 243); color: rgb(0, 137, 220); font-weight: 700; }
@media not all, (min-resolution: 2dppx) {
}
@media (min-width: 1260px) {
}
.pay-header, .pay-main { border: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }
.pay-header { display: table; margin-top: 10px; margin-bottom: 17px; padding: 36px 50px 36px 64px; overflow: hidden; }
.pay-header-icon, .pay-header-info, .pay-header-money { display: table-cell; vertical-align: middle; }
.pay-header h2 { margin-bottom: 10px; font-size: 24px; font-weight: 700; color: rgb(102, 102, 102); }
.pay-header-icon { padding-right: 26px; font-size: 70px; color: rgb(93, 180, 35); }
.pay-header-address { margin-left: 1em; }
@media not all, (min-resolution: 2dppx) {
}
@media not all, (min-resolution: 2dppx) {
}
.ordersuccess.pay-header { padding: 60px 40px 56px 36px; }
@media (min-width: 1260px) {
  .ordersuccess.pay-header { padding: 70px 80px 70px 106px; }
}
.ordersuccess .pay-header-icon { vertical-align: top; }
.ordersuccess .pay-header-info { padding-right: 80px; }
.ordersuccess-tip { margin-top: 20px; padding-top: 24px; width: 470px; border-top: 1px dashed rgb(204, 204, 204); line-height: 30px; color: rgb(102, 102, 102); }
.ordersuccess-tip em { margin: 0px 5px; }
.ordersuccess-action { margin-top: 30px; word-spacing: 1em; color: rgb(102, 102, 102); }
.ordersuccess-action [class^="btn"] { width: 160px; }
.ordersuccess-aside { float: right; width: 200px; text-align: center; }
.ordersuccess-aside img { margin-bottom: 30px; padding: 8px; width: 146px; height: 146px; border: 1px solid rgb(238, 238, 238); box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.1); }
@media (min-width: 1260px) {
}
@media (min-width: 1260px) {
}
@media (min-width: 1260px) {
}
@media (min-width: 1260px) {
}
@media (min-width: 1500px) {
}
@media (min-width: 1260px) {
}
@media (min-width: 1260px) {
}
@media (min-width: 1260px) {
}
@media (max-height: 500px) {
}
